<template>
  <div>
    <div class="item-block address" v-if="detailData.address_id>0 && detailData.is_self_take!=1">
      <!-- 定制==云集==出货商订单15分钟内可以修改收货地址 -->
      <!-- <div
        class="edit-btn"
        @click="linkTo(detailAll.url)"
        v-if="detailData.is_can_operate_address==1"
      >编辑收货地址</div>-->
      <div class="left"></div>
      <div class="right">
        <div class="name">{{detailData.name}} {{detailData.mobile}}</div>
        <div class="addr">{{detailData.address}}</div>
        <!-- <div class="id-info" v-if="detailData.id_cert_name || detailData.card">（
          <span v-if="detailData.id_cert_name">{{detailData.id_cert_name}}</span>
          <span v-if="detailData.card">身份证号：{{detailData.card}}</span>
          <span v-if="detailData.card_img">照片已上传</span>          
          <van-button class="btn change-id" round @click="changeIdCard">修改身份证号</van-button>
          ）
        </div>-->
        <!-- <div class="addr" v-if="detailData.email">邮箱地址：{{detailData.email}}</div> -->
      </div>
    </div>

    <!-- 自提的门店地址移到订单信息中了 -->
    <!-- <div class="item-block address" v-else-if="detailData.is_self_take==1">
      <div class="left"></div>
      <div class="right">
        <div class="name">【{{detailAll.take_their_name}}】{{detailData.receiver_name}} {{detailData.receiver_mobile}}</div>
        <div class="addr">{{detailAll.take_their_name}}地址：{{detailData.self_address}}</div>
      </div>
    </div>-->
  </div>
</template>

<script>
import Vue from 'vue';
export default Vue.extend({
  props: {
    detailAll: {
      type: Object,
      default: () => {
        return {};
      }
    }
  },
  methods: {},
  computed: {
    detailData() {
      return this.detailAll.detail;
    }
  }
});
</script>

<style lang="scss">
@import "src/styles/order/detail";
</style>